<template>
<div class="otherWindow">
    <div class="topMenu">
        <topMenu :isOtherWindow="true"></topMenu>
    </div>
    <div class="otherWindowEnter">
        <router-view></router-view>
    </div>
</div>
</template>

<script>
export default {
    name: 'otherWindow',
    props: {},
    components: {
        topMenu: () => import('@/layouts/topMenu/index.vue'),
    },
    data () {
        return {
            currentWindow: null,
        }
    },
    computed: {},
    watch: {},
    methods: {},
    beforeCreate () {
    },
    created () {
    },
    beforeMount () {
    },
    mounted () {
        // 获取当前 Electron 窗口的 ID
        this.currentWindow = window.myRemote.getCurrentWindow().id;
        window.myIpcRenderer.send('logData', this.currentWindow);
    },
    beforeUpdate () {
    },
    updated () {
    },
    activated () {
    },
    deactivated () {
    },
    beforeDestroy () {
    },
    destroyed () {
    }
}
</script> 
<style scoped lang='less'>
.otherWindow{
    height: 100%;
    .topMenu{
        height:40px;
        background-color: #ddd;
    }
    .otherWindowEnter{
        height: calc(100% - 40px);
    }
}
</style>
